
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
<link rel="stylesheet" href="/css/bootstrap.min.css">
<!-- Font Awesome -->
<link rel="stylesheet" href="/css/font-awesome.min.css">
<!-- Theme style -->
<link rel="stylesheet" href="/js/plugins/pace/pace.css">
<link rel="stylesheet" href="/css/AdminLTE.min.css">
<link rel="stylesheet" href="/css/skins/_all-skins.min.css">
<link rel="stylesheet" href="/css/common.css">
<link rel="stylesheet" type="text/css" href="//at.alicdn.com/t/font_gl0jafcorh9i19k9.css">
<!-- iCheck -->
<link rel="stylesheet" href="/js/plugins/iCheck/square/blue.css">
<link rel="stylesheet" href="/css/bootstrapValidator.min.css">
<script src="/js/vue.min.js"></script>

<!-- jQuery 2.2.3 -->
<script src="/js/jquery-1.12.4.min.js"></script>
<script src="/js/plupload/plupload.full.min.js"></script>
<!-- Bootstrap 3.3.6 -->
<script src="/js/bootstrap.min.js"></script>
<!-- iCheck -->
<script src="/js/plugins/iCheck/icheck.min.js"></script>
<script src="/js/common.js"></script>
<script src="/js/jquery.form.js"></script>
<script src="/js/json2.js"></script>
<!--[if lte IE 9]>
<script src="/js/respond.min.js"></script>
<script src="/js/html5shiv.min.js"></script>
<![endif]-->
<script src="/js/bootstrapValidator.min.js"></script>
<script src="/js/plugins/pace/pace.js"></script>

<style>
    [v-cloak] {
        display: none;
    }
    .skin-purple-light .sidebar-menu>li.active>a{
        background: #eaeaea !important;
    }
    .pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover{
        background-color: #605ca8;
        border-color: #7470c1;
    }
    .btn-primary{
        background-color: #605ca8;
        border-color: #4b4792;
    }
    .btn-primary:hover{
        color: #fff;
        background-color: #565397;
        border-color: #4b4792;
    }
    .btn-primary:focus,
    .btn-primary.focus {
        color: #fff;
        background-color: #565397;
        border-color: #4b4792;
    }
    .btn-primary:active,
    .btn-primary.active,
    .open > .dropdown-toggle.btn-primary {
        color: #fff;
        background-color: #565397;
        border-color: #4b4792;
    }
    .btn-primary:active:hover,
    .btn-primary.active:hover,
    .open > .dropdown-toggle.btn-primary:hover,
    .btn-primary:active:focus,
    .btn-primary.active:focus,
    .open > .dropdown-toggle.btn-primary:focus,
    .btn-primary:active.focus,
    .btn-primary.active.focus,
    .open > .dropdown-toggle.btn-primary.focus {
        color: #fff;
        background-color: #565397;
        border-color: #4b4792;
    }
    .btn-primary:active,
    .btn-primary.active,
    .open > .dropdown-toggle.btn-primary {
        background-image: none;
    }
    .btn-primary.disabled:hover,
    .btn-primary[disabled]:hover,
    fieldset[disabled] .btn-primary:hover,
    .btn-primary.disabled:focus,
    .btn-primary[disabled]:focus,
    fieldset[disabled] .btn-primary:focus,
    .btn-primary.disabled.focus,
    .btn-primary[disabled].focus,
    fieldset[disabled] .btn-primary.focus {
        background-color: #605ca8;
        border-color: #4b4792;
    }
    .btn-primary .badge {
        color: #605ca8;
        background-color: #fff;
    }

    .second-sidebar{
        position: absolute;width: 230px;height: 100%;
        border-right: 1px solid #eaeaea;padding-bottom: 50px;
    }
    .second-content{
        padding-left: 230px;
    }

    @media (max-width: 767px) {
        .second-sidebar {
            width:70px !important;
            padding-bottom: 100px;
        }
        .second-content{
            padding-left: 70px ;
        }
        .item-hidden{
            display: none;
        }
        .absolute-content{
            padding-right: 0 !important;
        }
    }
    .absolute-content {
        -webkit-transition: -webkit-transform .3s ease-in-out,padding .3s ease-in-out;
        -moz-transition: -moz-transform .3s ease-in-out,padding .3s ease-in-out;
        -o-transition: -o-transform .3s ease-in-out,padding .3s ease-in-out;
        transition: transform .3s ease-in-out,padding .3s ease-in-out;
        padding-right: 230px;
        z-index: 820;
    }
    .sidebar-collapse .absolute-content{
        padding-right: 50px !important;
    }
    .switch-checkbox {
        position: relative;
        display: inline-block;
    }
    .switch-checkbox:after, .switch-checkbox:before {
        font-family: FontAwesome;
        -webkit-font-feature-settings: normal;
        -moz-font-feature-settings: normal;
        font-feature-settings: normal;
        -webkit-font-kerning: auto;
        -moz-font-kerning: auto;
        font-kerning: auto;
        -webkit-font-language-override: normal;
        -moz-font-language-override: normal;
        font-language-override: normal;
        font-stretch: normal;
        font-style: normal;
        font-synthesis: weight style;
        font-variant: normal;
        font-weight: normal;
        text-rendering: auto;
    }
    .switch-checkbox label {
        width: 40px;
        height: 20px;
        background: #ccc;
        position: relative;
        display: inline-block;
        border-radius: 11px;
        -webkit-transition: 0.4s;
        transition: 0.4s;
    }
    .switch-checkbox label:after {
        content: '';
        position: absolute;
        width: 20px;
        height: 20px;
        border-radius: 100%;
        left: 0;
        top: 0;
        z-index: 2;
        background: #fff;
        box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
        -webkit-transition: 0.4s;
        transition: 0.4s;
    }
    .switch-checkbox input {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        z-index: 5;
        opacity: 0;
        cursor: pointer;
    }
    .switch-checkbox input:hover + label:after {
        box-shadow: 0 2px 15px 0 rgba(0, 0, 0, 0.2), 0 3px 8px 0 rgba(0, 0, 0, 0.15);
    }
    .switch-checkbox input:checked + label:after {
        left: 20px;
    }
    .model-1{
        display: inline-block;
    }
    .model-1 .switch-checkbox input:checked + label {
        background: #74b2c3;
    }
    .model-1 .switch-checkbox input:checked + label:after {
        background: rgba(249, 249, 249, 0.42);
    }
    label{
        margin-bottom: 0;
    }
</style>
<title>${title!'Athena | 消息系统管理平台'}</title>
<#assign selectchild=1 />